<head>
	<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
	<div id="main_bg">
		<div id="title_page">
			<h1>e-Learning+</h1>
		</div>
		<hr>
		<div id="page_header">
			<div id="nav">
				<a href="/e-learning+/main" id="link">Home</a>
				<a href="/e-learning+/virtual" id="link">Virtual Classroom</a>
				<a href="/e-learning+/mbl" id="link">Multimedia Based Learning</a>
				<a href="/e-learning+/forum" id="link">Discussion Forum</a>
				<a href="/e-learning+/library" id="link">The Library</a>
				<a href="/e-learning+/test" id="link">Test</a>
			</div>
			<div id="nav2">
				<a href="/e-learning+/profile" id="link">My profile</a>
				<a href="/e-learning+" id="signout">Sign out</a>
			</div>
		</div>
		<br><br>
	<table class="top" align="center" border="5">
	<tr>
		<td class="button"><a href="/e-learning+/forum/forum.html" width="150px">MATEMATIKA</a></td>
		<td class="button"><a href="/e-learning+/forum/forum.html" width="150px">FISIKA</a></td>
		<td class="button"><a href="/e-learning+/forum/forum.html" width="150px">BIOLOGI</a></td>
		<td class="button"><a href="/e-learning+/forum/forum.html" width="150px">KIMIA</a></td>
	<tr>
	</table>
	
		<table class ="content" align="center" border="2" cellspacing="8">
			<tr class ="satu">
				<td><center>Sender</td>
				<td><center>Message</td>
			</tr>
			<tr>
				<td background = "foto.jpg" height="100px"></td>
				<td height="100px" width="600px"><center> ...................................</td>
			</tr>
			<tr>
				<td background = "foto2.jpg" height="100px"></td>
				<td height="100px" width="600px"><center> ...................................</td>
			</tr>
			<tr>
				<td background = "foto3.jpg" height="100px"></td>
				<td height="100px" width="600px"><center> ...................................</td>
			</tr>
			<tr>
				<td background = "foto4.jpg" height="100px"></td>
				<td height="100px" width="600px"><center> ...................................</td>
			</tr>
			<tr>
				<td background = "foto5.jpg" height="100px"></td>
				<td height="100px" width="600px"><center> ...................................</td>
			</tr>
			<tr>
				<td background = "foto6.jpg" height="100px"></td>
				<td height="100px" width="600px"><center> ...................................</td>
			</tr>
		</table>
	</div>
</body>